<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1464428703_0736778.css">
</head>
<body>
<!-- <div class="g9">
	<div class="row">
		<a class="box">
			<div class="in">
                    <i class="ui-icon-more">55</i>
                   <p>
                   	sdfadsf
                   </p>
                </div>
		</a>
		<div class="box">

		</div>
		<div class="box">

		</div>
	</div>

</div> -->
<div class="all ub ub-ver">
    <header class="ub align-items-center">
        <div class="ub-f1">
            <div class="head">
                <img src="img/head.jpg">
            </div>
        </div>
        <div class="ub-f1" align="center">动态</div>
        <div class="ub-f1" align="right">更多</div>
    </header>
    <section class="ub-f1 center-box">
            <div class="seach ub align-items-center ub-ac ub-pc">
                <i class="iconfont icon-sousuo"></i>搜索电影/音乐/商品
            </div>



        <div class="main flexbox align-items-center" style="margin-bottom: 20px">
            <div class="fbox ub ub-f1 ub-ac ub-pc ub-ver">
                <i class="iconfont icon-xingxing"  style="color: yellow"></i>
                <p>消息</p>
            </div>
            <div class="fbox ub ub-f1 ub-ac ub-pc ub-ver">
                <i class="iconfont icon-iconfujin"  style="color: orange"></i>
                <p>联系人</p>
            </div>
            <div class="fbox ub ub-f1 ub-ac ub-pc ub-ver">
                <i class="iconfont icon-sanjiaoxing"  style="color: yellow"></i>
                <p>动态</p>
            </div>
        </div>


        <div class="item_dt flexbox align-items-center">
            <div class="ub">
                <i class="iconfont icon-fujinhuodong"  style="color: orange"></i>
            </div>
            <div class="ub ub-f1">
                <p>附近的群</p>
            </div>
            <div class="ub" >
                <i class="iconfont icon-qianjin" align="right"></i>
            </div>
        </div>
        <div class="item_dt flexbox align-items-center">
            <div class="ub">
                <i class="iconfont icon-aixin"  style="color: dodgerblue"></i>
            </div>
            <div class="ub ub-f1">
                <p>健康</p>
            </div>
            <div class="ub" >
                <i class="iconfont icon-qianjin" align="right"></i>
            </div>
        </div>
        <div class="item_dt flexbox align-items-center">
            <div class="ub">
                <i class="iconfont icon-boshimao"  style="color: dodgerblue"></i>
            </div>
            <div class="ub ub-f1">
                <p>腾讯课堂</p>
            </div>
            <div class="ub" >
                <i class="iconfont icon-qianjin" align="right"></i>
            </div>
        </div>

    </section>
    <footer class="ub">
        <div class="fbox ub ub-f1 ub-ac ub-pc ub-ver">
            <i class="iconfont icon-xinxi"></i>
            <p>消息</p>
        </div>
        <div class="fbox ub ub-f1 ub-ac ub-pc ub-ver">
            <i class="iconfont icon-lianxiren"></i>
            <p>联系人</p>
        </div>
        <div class="fbox ub ub-f1 ub-ac ub-pc ub-ver active">
            <i class="iconfont icon-xingxing"></i>
            <p>动态</p>
        </div>
    </footer>
</div>

</body>
</html>